<template>
  <div class="popUpWrapper" @touchmove.stop.prevent>
    <div class="popUp">
      <div class="title font12 PTB5 whiteTex" v-if='title'>{{title}}
        <!-- <i class="iconfont closeBtn icon-cancel cursor fr font12" @click="closePopUp">&#xe62b;</i> -->
      </div>
      <div class="whiteTex font12">{{warning}}</div>
      <div class="popUpContent">
        <slot></slot>
      </div>
    </div>
  </div>

</template>
<script>
export default {
  props: {
    title: {
      type: String,
      default: ''
    },
    warning: {
      type: String,
      default: ''
    },
    value: {
      type: Boolean,
      default: false
    }
  },
  methods: {
    closePopUp() {
      this.$emit('input', false)
    }
  }
}
</script>
<style lang="stylus">
.popUpWrapper
  position fixed
  left 0
  top 0
  height 100%
  width 100%
  z-index 10001
  background rgba(0, 0, 0, 0.4)
.popUp
  width 70%
  background #ffffff
  border-radius 5px
  position absolute
  left 50%
  top 50%
  transform translate(-51%, -51%)
  padding 15px
  max-height 95%
  background rgba(0, 0, 0, 0.8)
  overflow-y auto
  overflow-x hidden
  .closeBtn
    position relative
    top -10px
    font-size 14px
  .el-form-item__label
    color #fff  
</style>
